<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<meta content="text/html; charset=UTF-8" http-equiv="content-type">
<title>Ülesanne 2</title>
<style type="text/css">
body {
	margin-left:100px; 
	margin-right:100px; 
	margin-top:10px; 
	max-width:800px;
	font-family:"Arial",Helvetica,sans-serif;
	font-size:12px;
	
}

h1 {
	font-family:"Courier New",Courier,monospace;
	font-size:24px;
	font-style:italic;
	font-weight:bold;
	background-image:url('http://media.smashingmagazine.com/cdn_smash/images/header-contest/full/avto.jpg');
	padding-top:50px;
	padding-left:20px;
	min-height:80px;
}

h2 {
	font-size:20px;
	font-weight:bold;
	color:#666600;
	border-bottom-style:double;
	border-bottom-color:#999900;
	
	
}

.menu {
	font-size:14px;
	background-color:#999900;
	
}

.menu a {
	color:white;
	text-decoration:none;
	padding-left:10px;
	padding-right:10px;
	
}

.content {
	border:1px solid #999900;
	padding:10px 10px 10px 10px;
}

.left {
	float:left;
	width:100px;
	padding-top:10px;
}

.main {
	margin-left:110px;
	border-left:1px dashed;
	padding-left:10px;
	text-align:justify;
	
	
}
</style>
</head>
<body>
<h1>Ülesanne 2</h1>
<div class="menu">
<table border="0">
	<tbody>
		<tr>
			<td><a href="#">Link 1</a></td>
			<td><a href="#">Link 2</a></td>
			<td><a href="#">Link 3</a></td>
		</tr>
	</tbody>
</table>
</div>
<div class="content">
<div class="left">
<p>See tekst peab olema vasakul servas.</p>
<p>Sellest paremale jääb Lorem ipsum...</p>
</div>
<div class="main">
<h2>Pealkiri</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut
accumsan iaculis sem ut fermentum. Nam fermentum condimentum mattis.
Aenean elit elit, suscipit eu dapibus non, vulputate dignissim tortor.
Cras eu nunc at diam vulputate sollicitudin. Sed nec sagittis nulla.
Aliquam erat volutpat. Nullam odio ante, vehicula eu gravida sed,
hendrerit in massa. Vivamus non erat eget erat malesuada tincidunt sed
ac dolor. Maecenas sem dolor, pharetra et tempus et, hendrerit non
felis. Nam pharetra porta malesuada. Curabitur a metus erat, et mattis
elit.</p>
<p>Proin lorem dolor, placerat ut condimentum at, mollis laoreet
felis. Aenean eu sem ligula. Proin sed nisl tortor. Fusce tellus nisl,
interdum eget pretium nec, dictum vestibulum est. Praesent condimentum
lacinia egestas. Cum sociis natoque penatibus et magnis dis parturient
montes, nascetur ridiculus mus. Donec euismod nisl sed orci hendrerit eu
interdum enim pellentesque. Nunc tincidunt placerat urna sed auctor.
Maecenas tempor nisl non eros faucibus adipiscing. Sed non tellus sed
arcu hendrerit ultrices ac vel sapien.</p>
</div>
</div>
</body>
</html>
